<!DOCTYPE html>
<html class="user_show windows">
<style>
  .container {
    background-color: #F7F8FA;
    /* 白色背景 */
    display: flex;
    justify-content: center;
    /* 水平居中 */
    align-items: center;
    /* 垂直居中 */
    height: 100vh;
  }

  .elegant-menu {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    /* 让列表项水平排列 */
    background-color: white;
    /* 背景色 */
    border: 1px solid #ccc;
    /* 边框 */
    border-radius: 10px;
    /* 圆角边框 */
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    /* 阴影效果 */
  }

  .elegant-menu li {
    padding: 20px;
    text-align: center;
    border-right: 1px solid #ccc;
    /* 垂直分隔线 */
  }

  .elegant-menu li:last-child {
    border-right: none;
  }

  .elegant-menu li a {
    text-decoration: none;
    color: #333;
    /* 文本颜色 */
    font-weight: bold;
    font-size: 16px;
    transition: color 0.3s;
  }

  .elegant-menu li a:hover {
    color: #00bcd4;
    /* 鼠标悬停时的文本颜色 */
  }

  .px_tabs {
    flex: 1;
    text-align: center;
    white-space: nowrap;
    background-color: #fff;
    list-style-type: none;
    overflow-x: auto;
  }

  .sticky {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9999999;
    min-width: 1000px;
  }

  .cd-search {
    width: 60%;
    top: 100%;
    left: 38%;
    border-radius: 25px;
  }

  .cd-search input {
    border-radius: 25px;
  }

  .image-preview {
    display: flex;
    flex-wrap: wrap;
  }

  .image-preview img {
    max-width: 200px;
    margin: 10px;
  }

  /* 样式化自定义的文件上传按钮 */
  .custom-file-upload {
    border: 1px solid white;
    display: inline-block;
    padding: 6px 12px;
    cursor: pointer;
    text-align: center;
    background-color: white;
    color: #333;
    border-radius: 4px;
  }

  /* 隐藏默认的文件上传输入框 */
  #imageInput {
    display: none;
  }

  /* 美化显示上传的图片 */
  #imageContainer {
    display: flex;
    flex-wrap: wrap;
  }

  .uploadedImage {
    max-width: 200px;
    max-height: 200px;
    margin: 10px;
  }


  /* 样式化框 */
  .custom-container {
    display: flex;

    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .custom-box {
    width: 100px;
    height: 100px;
    border: 2px solid grey;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    cursor: pointer;
    margin-bottom: 10px;
  }

  /* 当鼠标悬停时改变样式 */
  .custom-box:hover {
    background-color: #f0f0f0;
  }

  .add {
    position: relative;
    top: -5px;
    left: 20px;
  }

  /* 样式化文本 */
  .text-inside-box {
    position: relative;
    top: 18px;
    right: 10px;
  }

  body {
    background-color: #F7F8FA;
    /* 设置背景颜色为红色 */
  }
</style>
<link href="css/daohang.css" rel='stylesheet' type='text/css' />
<link href="css/button.css" rel='stylesheet' type='text/css' />
<link href="css/bootstrap.css" rel='stylesheet' type='text/css' />
<link href="css/style.css" rel='stylesheet' type='text/css' />
<link rel="stylesheet" href="css/chocolat.css" type="text/css" media="screen">
<link href="css/font-awesome.css" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Merriweather+Sans:300,300i,400,400i,700,700i,800" rel="stylesheet">
<link href="http://fonts.googleapis.com/css?family=Mallanna" rel="stylesheet">
<link href="css/daohang.css" rel='stylesheet' type='text/css' />
<script src="./--的设置，来自500px摄影社区_files/hm.js.下载"></script>
<script id="allow-copy_script">(function agent() {
    let unlock = false
    document.addEventListener('allow_copy', (event) => {
      unlock = event.detail.unlock
    })

    const copyEvents = [
      'copy',
      'cut',
      'contextmenu',
      'selectstart',
      'mousedown',
      'mouseup',
      'mousemove',
      'keydown',
      'keypress',
      'keyup',
    ]
    const rejectOtherHandlers = (e) => {
      if (unlock) {
        e.stopPropagation()
        if (e.stopImmediatePropagation) e.stopImmediatePropagation()
      }
    }
    copyEvents.forEach((evt) => {
      document.documentElement.addEventListener(evt, rejectOtherHandlers, {
        capture: true,
      })
    })
  })()</script>

<head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>用户信息</title>
  <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
  <script type="text/javascript" src="./--的设置，来自500px摄影社区_files/tingyun.js.下载"></script>
  <script type="text/javascript" src="./--的设置，来自500px摄影社区_files/sensorsdata.min.js.下载"></script>
  <script type="text/javascript" src="./--的设置，来自500px摄影社区_files/jquery-1.11.2.min.js.下载"></script>
  <link rel="stylesheet" href="./--的设置，来自500px摄影社区_files/internalMessage.css" type="text/css">
  <!--[if lt IE 9]> <script src="/js/html5shim.js"></script> <![endif]-->
  <link rel="icon" href="images/拉黑小怪兽.png">
  <script
    type="text/javascript"> var accessTokenLogin = "false"; var isAppWebView = false; var SJ_UT; !function () { SJ_UT = { "permMap": { "invitationtobesigned": { "linkScore": 1699442506000, "name": "邀约待签约用户", "createdTime": 1514860959000, "description": "邀约待签约用户，尚未签约成功", "id": "invitationtobesigned", "sort": 1, "type": 0, "enabled": true }, "userVideoUpload": { "linkScore": 1562037641000, "name": "视频上传权限", "createdTime": 1553153863000, "description": "视频上传权限", "id": "userVideoUpload", "sort": 1, "type": 0, "enabled": true } }, "userAllPhotoCount": 2, "userGraphicCount": 0, "proflePhotos": [{ "uploaderId": "23e5910f44d4ca5a5f552e654b1846415", "openState": "profile", "width": 1920, "createdTime": 1699442775000, "id": "a6696d6d47024ece9390afa7e8485c69", "state": 0, "title": "签名", "url": "https://img.500px.me/photo/23e5910f44d4ca5a5f552e654b1846415/a6696d6d47024ece9390afa7e8485c69.jpg", "resourceType": 0, "height": 1440 }, { "uploaderId": "23e5910f44d4ca5a5f552e654b1846415", "openState": "profile", "width": 399, "createdTime": 1699264937000, "id": "18ac22eaef3e4e1ab4c2417af259ec9c", "state": 0, "title": "1", "url": "https://img.500px.me/photo/23e5910f44d4ca5a5f552e654b1846415/18ac22eaef3e4e1ab4c2417af259ec9c.jpeg", "resourceType": 0, "height": 399 }], "userRoleIds": { "invitationtobesigned": true }, "userAllSetCount": 0, "equipmentType": "web", "sortId": 6386169, "otherToSelfVideoCount": 0, "createdTime": 1698545950000, "id": "23e5910f44d4ca5a5f552e654b1846415", "state": 1, "userGraphicALLCount": 0, "email": "", "userMixSetCount": 0, "lastLoginType": 0, "userPersonalAllSetCount": 0, "firstlogin": 1698545950000, "lastlogin": 1699442505000, "nickName": "", "avatar": {}, "gicEditorialId": "-", "userJoinTribeCount": 0, "gicCreativeId": "-", "coverUrl": { "baseUrl": "https://img.500px.me/photo/2b7a049f642b9b8d9b115e0ab59ec4284/8470a9407b0f4c57b1bbf10b0b870949.jpg", "p3": "https://img.500px.me/photo/2b7a049f642b9b8d9b115e0ab59ec4284/8470a9407b0f4c57b1bbf10b0b870949.jpg!p3", "p5": "https://img.500px.me/photo/2b7a049f642b9b8d9b115e0ab59ec4284/8470a9407b0f4c57b1bbf10b0b870949.jpg!p5", "id": "23e5910f44d4ca5a5f552e654b1846415" }, "uploadFlag": true, "gicInviteId": "-", "userMixAllSetCount": 0, "userCount": "{\"userAllPhotoCount\":2,\"userGraphicCount\":0,\"proflePhotos\":[{\"uploaderId\":\"23e5910f44d4ca5a5f552e654b1846415\",\"openState\":\"profile\",\"width\":1920,\"createdTime\":1699442775000,\"id\":\"a6696d6d47024ece9390afa7e8485c69\",\"state\":0,\"title\":\"签名\",\"url\":\"https://img.500px.me/photo/23e5910f44d4ca5a5f552e654b1846415/a6696d6d47024ece9390afa7e8485c69.jpg\",\"resourceType\":0,\"height\":1440},{\"uploaderId\":\"23e5910f44d4ca5a5f552e654b1846415\",\"openState\":\"profile\",\"width\":399,\"createdTime\":1699264937000,\"id\":\"18ac22eaef3e4e1ab4c2417af259ec9c\",\"state\":0,\"title\":\"1\",\"url\":\"https://img.500px.me/photo/23e5910f44d4ca5a5f552e654b1846415/18ac22eaef3e4e1ab4c2417af259ec9c.jpeg\",\"resourceType\":0,\"height\":399}],\"userPersonalAllSetCount\":0,\"userAllSetCount\":0,\"userJoinTribeCount\":0,\"userMixAllSetCount\":0,\"userGraphicPrivateCount\":0,\"userSetCount\":0,\"otherToSelfVideoCount\":0,\"selfToSeltVideoCount\":0,\"userPersonalSetCount\":0,\"userGraphicALLCount\":0,\"userMixSetCount\":0,\"userProfilePhotoCount\":2}", "userGraphicPrivateCount": 0, "phone": "18237671986", "userSetCount": 0, "comment": "-", "userType": 0, "selfToSeltVideoCount": 0, "userPersonalSetCount": 0, "assetFamily": 0, "userProfilePhotoCount": 2 }; }(); SJ_UT.CDN = '//pic.500px.me'; SJ_UT.viewNeedLogin = false; var wxinfo = new Object(); var _hmt = _hmt || []; </script>
  <script
    type="text/javascript"> var sensors = window['sensorsDataAnalytic201505']; if (!!sensors) { sensors.init({ server_url: 'https://sensorsdata.vcg.com/sa?project=cn500px', is_track_single_page: true, use_client_time: true, send_type: 'beacon', app_js_bridge: true, heatmap: { clickmap: 'default', scroll_notice_map: 'not_collect' } }); sensors.registerPage({ platform_type: "pc", if_sign_in: function () { return !!SJ_UT.id }, }); if (!!SJ_UT.id) { sensors.login(SJ_UT.id) } sensors.quick('autoTrack'); } </script>
  <link href="./--的设置，来自500px摄影社区_files/main_new_b25fe519e5ffd6e1323472330ddb34a6_min.css" rel="stylesheet">
  <script
    type="text/javascript"> var cur_userInfo = new Object({ "qq": "", "lastName": "", "website": "", "city": "", "sex": "0", "weixinId": "oB1O_vmrJUUAPhz5JrKiRj9GN51M", "about": "", "wechat": "", "avatar": {}, "blog": "", "userId": "23e5910f44d4ca5a5f552e654b1846415", "firstName": "", "province": "", "phone": "18237671986", "createdTime": 1698545951000, "comment": "-", "id": "23e5910f44d4ca5a5f552e654b1846415", "sinaId": "", "assetFamily": 0, "email": "" }); var messageType = new Number(100); </script>
  <link rel="stylesheet" href="./--的设置，来自500px摄影社区_files/userSetting.css" type="text/css">
  <link href="./--的设置，来自500px摄影社区_files/setting_d60053fc25d70123a2afb56d6f770fe3_min.css" rel="stylesheet">
</head>

<body id="user_show" style="height: 1500px ;background-color:#F7F8FA;">
  <div class="top-bar_sub_w3layouts_agile sticky" style="height: 80px;height: 80px; border-bottom: 2px solid grey;">
    <ul class="_ul_ daohangpos">
      <li class=" _need_popover" style=" position: absolute; left: 200px; top: 25px;">
        <a class="daohang_font" href="shouye.html">首页
          <img src="images/down.png" alt="" id="daohang-img" style="position: relative;left: -5px;width: 18px;">
        </a>
        <a href="remen.html" class="daohang_font">热门</a>
        <a href="xinzuo.html" class="daohang_font">新作</a>
        <a href="guanzhu.html" class="daohang_font">关注</a>
        <a href="cangku.html" class="daohang_font">仓库</a>
      </li>
    </ul>
    <div class="search">
      <div class="right" style="right: 90px;">
        <h1><a style="position: absolute;left: 30px;top:20px;color:black;font-size: 36px;font-weight: 400;"
            href="faxian.html">Photo
            Go</a></h1>
        <h5>
          <a style="width: 150px; position: absolute;right:380px;top:25px;padding: 2px 20px;text-align: center;"
            class="sign signup " href="userinfo.html">修改个人信息</a>
          <a style="position: absolute;right:250px;top:25px;padding: 2px 20px;text-align: center;" class="sign signup "
            href="shangchuan.html">上传</a>
          <a id="tuichu"
            style="width: 150px; position: absolute;right:80px;top:25px;padding: 2px 20px;text-align: center;"
            class="sign signup ">退出登录</a>
        </h5>
      </div>
      <div class="cd-main-header">
        <ul class="cd-header-buttons">
          <li><a class="cd-search-trigger" href="#cd-search" style="position: absolute;right: 10px;top: 35px;">
              <span></span></a></li>
        </ul>
      </div>
      <div id="cd-search" class="cd-search">
        <form action="#" method="post">
          <input id="sousuo" name="Search" type="search" placeholder="搜索作品">
        </form>
      </div>
    </div>
    <div class="clearfix"> </div>
  </div>
  </div>
  <div id="btn-dialogBox-wx"></div>
  <div id="btn-dialogBox-qysc"></div>
  <script type="text/javascript"
    src="./--的设置，来自500px摄影社区_files/navbar_94675476f18eb333ece24d3a4276949a_min.js.下载"></script>
  <div class="container" style="width: 1550px; height: 1000px ;background-color:#F7F8FA;">
    <form id="user_property_form" method="post" style="position: absolute;top: 100px;">
      <div style="margin:0;padding:0;display:inline"><input name="utf8" value="✓" type="hidden"><input
          name="authenticity_token" value="8DFlxMnBGJKoJvsRyLewwlczyKhDeJ7FsR78o4STrK0=" type="hidden"></div>
      <div>
        <div class="controlgroup d12x5 g1 margin">
          <h3 class="faded"> 信息 </h3>
          <div style="overflow: visible;max-height: 600px;" class="controls">
            <img src="./images/settings_person.svg"
              style="transform: scale(0.1);position: relative;right: 130px; bottom:120px;">
            <div class="arrow"></div>
            <div class="check person">&nbsp;</div>
            <div class="checkinfo" style="position: relative;bottom: 300px;"> <label for="firstname"
                class="smalllabel">昵称</label> <input class="full error" id="displayname" name="displayname" value=""
                type="text"> </div>
            <div class="clear"></div>
            <div class="check screen">&nbsp;</div>
            <img src="./images/settings_screen.svg"
              style="transform: scale(0.1);position: relative;right: 130px; bottom:330px;">
            <div class="checkinfo" style="position: relative;bottom: 600px;left: 40px;">
              <div class="settings-avatar-container"> <a href="javascript:void(0)" class="settings-avatar-image"></a>
              </div>
              <div class="settings-avatar-upload">
                <div id="avatar-upload"> <input id="user_photo" type="file" accept="image/png,image/jpg"> </div>
                <div class="clear"></div>
              </div>
              <div id="imagePreview" style="position: absolute;bottom: 70px;"></div>
            </div>

            <div class="clear"></div>
            <div class="check person">&nbsp;</div>
            <div class="clear"></div>
            <div class="check person">&nbsp;</div>
            <img src="./images/settings_person.svg"
              style="transform: scale(0.1);position:relative;right:130px; bottom:800px;">
            <div class="checkinfo" style="position: relative;bottom: 950px;left: 40px;"> <label for="bio"
                class="smalllabel">关于您</label> <textarea class="full" id="about" name="about"></textarea> </div>
            <div class="clear"></div>
            <div class="check person">&nbsp;</div>
            <img src="./images/settings_person.svg"
              style="transform: scale(0.1);position: relative;right: 130px; bottom:1100px;">
            <div class="checkinfo" style="position: relative;bottom: 1250px;left: 30px;"> <label for="sex_1">性别</label>
              <div id="gender" class="showbox"> <input id="sex_1" name="sex" value="1" type="radio"> <label
                  for="sex_1">男性</label>&nbsp;&nbsp; <input id="sex_2" name="sex" value="2" type="radio"> <label
                  for="sex_2">女性</label>&nbsp;&nbsp; <input type="hidden" value="false"> </div>
            </div>
            <div class="clear"></div>
            <div class="check point">&nbsp;</div>
            <div class="clear"></div>
            <div class="check user_contact_website">&nbsp;</div>
            <div class="clear"></div>
            <div class="check user_contact_qq">&nbsp;</div>
            <div class="clear"></div>
          </div>
        </div>
        <div class="controlgroup d12x5 g1">
          <h3 class="faded">账号</h3>
          <div id="personal_account">
            <div data-reactroot="" class="controls" style="overflow: visible; min-height: 408px; position: relative;">
              <div class="arrow"></div>
              <div class="check mail">&nbsp;</div>
              <img src="./images/settings_mail.svg"
                style="transform: scale(0.1);position: relative;bottom: 130px;right: 120px;">
              <div class="checkinfo" style="position:relative ;bottom: 315px;left: 50px;"><label
                  class="smalllabel">电子邮箱</label><input type="text" id="shadow_email" class="full disable" name="email"
                  value=""></div>
              <div class="clear"></div>
              <div class="check gear">&nbsp;</div>
              <div class="clear"></div>
            </div>
          </div>
          <div class="clear"></div>
        </div>
        <div class="clear"></div>
      </div>
      <div class="savechange">
        <div class="rightbtn" style="position: absolute;bottom: 1300px;left: 600px;"> <input class="button blue"
            value="保存更改" type="button" id="save_btn" onsubmit="return false;"> </div>
        <div class="clear"></div>
        <p id="result" style="position: relative;bottom: 1400px;left: 300px;color: red;"></p>
      </div>
      <div class="clear"></div>
    </form>
    <form id="sinaLogin" action="https://api.weibo.com/oauth2/authorize" method="post"> <input id="client_id"
        name="client_id" value="3865673055" type="hidden"> <input id="redirect_uri" name="redirect_uri"
        value="https://500px.com.cn/community/settings/toBingSina" type="hidden"> </form>
  </div>
  <script>
    var tuichu = document.getElementById('tuichu');
    const token = localStorage.getItem("token");
    function handleKeyDown(event) {
      if (event.keyCode === 13) {
        var sousuo = document.getElementById('sousuo');
        var d1 = {
          "description": "",
        }
        d1["description"] = sousuo.value;
        console.log("type", typeof (sousuo.value), "text:", sousuo.value);
        $.ajax({
          method: 'get',
          url: 'http://localhost:7777/content/Category/list' + "?description=" + sousuo.value,
          contentType: 'application/json;charset=UTF-8',
          success: function (data, status, xhr) {
            var responseText = xhr.responseText;
            console.log(responseText);
            if (responseText.includes("200")) {
              var result = JSON.parse(responseText);
              var data = result["data"];
              console.log("data:", data);
              var len = data.length;
              var where = "sousuo.html" + "?";
              for (var i = 0; i < len; i++)
                where = where + "id=" + data[i]["id"];
              console.log(where);
              window.location.href = where;
            }
          },
          error: function (xhr, status, error) {
            var responseText = xhr.responseText;
            console.log("error:", responseText);
          }
        })
        event.preventDefault(); // 阻止默认的回车提交行为（如果有）
      }
    }
    tuichu.addEventListener("mousedown", function (event) {
      $.ajax({
        method: 'get',
        url: 'http://localhost:7777/logout',
        contentType: 'application/json;charset=UTF-8',
        headers: {
          "token": token
        },
        success: function (data, status, xhr) {
          var responseText = xhr.responseText;
          console.log(responseText);
          if (responseText.includes("200")) {
            tuichu.href = "shouyeno.html";
            tuichu.click();
          }
        },
        error: function (xhr, status, error) {
          var responseText = xhr.responseText;
          console.log("error:", responseText);
        }
      })
    })
    function findNthOccurrence(str, char, n) {
      var count = 0;
      for (var i = 0; i < str.length; i++) {
        if (str[i] === char) {
          count++;
          if (count === n) {
            return i; // 返回第 n 次出现的位置
          }
        }
      }
      return -1; // 如果找不到第 n 次出现的位置，返回 -1
    }
    var now = document.getElementById('save_btn');
    now.addEventListener("mousedown", function (event) {
      var count = 0;
      var link = [];
      var xxx = "";
      for (var i = 0; i < 1; i++) {
        const input = document.getElementById('user_photo');
        const file = input.files[i];
        var xmlhttp = new XMLHttpRequest()
        var formData = new FormData();
        formData.append('img', file);
        console.log(formData);
        xmlhttp.open('post', 'http://localhost:7777/upload');
        xmlhttp.setRequestHeader('token', token);
        xmlhttp.onreadystatechange = function (res) {
          if (xmlhttp.status === 200 && xmlhttp.readyState === 4) {
            console.log(xmlhttp.response)
            var responseText = xmlhttp.response;
            var result = JSON.parse(responseText);
            xxx = result["data"];
            count++;
            fff();
          }
        }
        xmlhttp.send(formData);
      }
      function fff() {
        if (count == 1) {
          var d = {
            "avatar": "图片url地址",
            "email": "23412332@qq.com",
            "nickName": "用户昵称",
            "sex": "0",
            "description": ""
          }
          d["avatar"] = xxx;
          console.log(xxx);
          var shadow_email = document.getElementById("shadow_email");
          d["email"] = shadow_email.value;
          var displayname = document.getElementById("displayname");
          d["nickName"] = displayname.value;
          var sex_2 = document.getElementById("sex_2");
          if (sex_2.checked)
            d["sex"] = "1";
          var about = document.getElementById("about");
          d["description"] = about.value;
          $.ajax({
            method: 'put',
            url: 'http://localhost:7777/user/userInfo',
            headers: {
              "token": token
            },
            contentType: 'application/json;charset=UTF-8',
            data: JSON.stringify(d),
            success: function (data, status, xhr) {
              var responseText = xhr.responseText;
              console.log(responseText);
              if (responseText.includes("200")) {
                console.log("yes");
                var xxx = document.getElementById("result");
                xxx.innerHTML = "修改成功";
              }
            },
            error: function (xhr, status, error) {
              var responseText = xhr.responseText;
              console.log("error:", responseText);
            }
          })
        }
      }
    })
    document.getElementById('user_photo').addEventListener('change', handleImageUpload);
    function handleImageUpload(event) {
      const files = event.target.files;
      const imagePreview = document.getElementById('imagePreview');
      if (files && imagePreview) {
        for (const file of files) {
          const reader = new FileReader();
          reader.readAsDataURL(file);
          reader.onload = function (e) {
            const imgElement = document.createElement('img');
            imgElement.src = e.target.result;
            console.log(imgElement.width);
            console.log(imgElement.height);
            imgElement.style.maxWidth = "150px";
            imgElement.style.maxHeight = "150px";
            imgElement.style.width = "auto";
            imgElement.style.height = "100px";
            console.log(imgElement.width);
            console.log(imgElement.style.height);
            imagePreview.appendChild(imgElement);
          };
        }
      }
    }
  </script>
  <script type="application/javascript" src="./--的设置，来自500px摄影社区_files/gathering.js.下载"></script>
  <script type="text/javascript" src="./--的设置，来自500px摄影社区_files/common.js.下载"></script>
  <script type="text/javascript" src="./--的设置，来自500px摄影社区_files/socket.io-1.4.5.js.下载"></script>
  <script type="text/javascript" src="./--的设置，来自500px摄影社区_files/svgxuse.js.下载"></script>
  <script type="text/javascript"
    src="./--的设置，来自500px摄影社区_files/footer_1f0069598c18faf80942264ea2d6ab41_min.js.下载"></script>
  <script type="text/javascript" src="./--的设置，来自500px摄影社区_files/userSetting.js.下载"></script>
  <div id="discovery_win">
    <div data-reactroot="" class="popup popup-centered" style="display: none;">
      <div class="arrow" style="left: 50%;"></div>
      <div class="contain">
        <div class="inside">
          <div class="links clearfix">
            <ul>
              <li><a href="https://500px.com.cn/community/discover?t=rating">热门</a></li>
              <li><a href="https://500px.com.cn/community/discover?t=upcoming">排名上升</a></li>
              <li><a href="https://500px.com.cn/community/discover?t=fresh">新作</a></li>
              <li><a href="https://500px.com.cn/community/discover?t=editors">编辑推荐</a></li>
              <li><a href="https://500px.com.cn/community/discover?t=set">影集</a></li>
              <li><a href="https://500px.com.cn/community/discover?t=story">专栏</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="photographer_win">
    <div data-reactroot="" class="popup popup-centered" style="display: none;">
      <div class="arrow" style="left: 50%;"></div>
      <div class="contain">
        <div class="inside">
          <div class="links clearfix">
            <ul>
              <li><a href="https://500px.com.cn/community/search/user">推荐摄影师</a></li>
              <li><a href="https://500px.com.cn/page/photographer/seek">推荐点评人</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="popup_activity_win">
    <div data-reactroot="" class="popup popup-centered" style="display: none;">
      <div class="arrow" style="left: 50%;"></div>
      <div class="contain">
        <div class="inside">
          <div class="links clearfix">
            <ul>
              <li><a href="https://500px.com.cn/contest">大赛</a></li>
              <li><a href="https://500px.com.cn/n/m/task">任务</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="sale_win">
    <div data-reactroot="" class="popup popup-centered" style="display: none;">
      <div class="arrow" style="left: 50%;"></div>
      <div class="contain">
        <div class="inside">
          <div class="links clearfix">
            <ul>
              <li><a href="https://500px.com.cn/n/m/sale">关于售图</a></li>
              <li><a href="https://500px.com.cn/n/m/sale/faq#sign">如何签约</a></li>
              <li><a href="https://500px.com.cn/n/m/sale/faq#basicRule">图库要求</a></li>
              <li><a href="https://500px.com.cn/n/m/sale/faq#income">稿费收益</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="other_win">
    <div data-reactroot="" class="popup popup-centered" style="display: none;">
      <div class="arrow" style="left: 50%;"></div>
      <div class="contain">
        <div class="inside">
          <div class="links clearfix">
            <ul>
              <li><a href="javascript:void(0)">下载APP</a></li>
              <li><a href="https://500px.com.cn/page/contacts/index">商务合作</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="popup_settings_win">
    <div data-reactroot="" class="popup popup-centered" style="display: none;">
      <div class="arrow" style="left: 50%;"></div>
      <div class="contain">
        <div class="inside">
          <div class="links clearfix">
            <ul>
              <li><a href="https://500px.com.cn/community/settings/23e5910f44d4ca5a5f552e654b1846415">我的设置</a></li>
              <li><a href="https://500px.com.cn/community/support">帮助中心</a></li>
              <li><a href="https://500px.com.cn/n/m/clause/use">服务协议</a></li>
              <li><a href="https://500px.com.cn/page/privacyPolicies/index">隐私政策</a></li>
              <li><a href="https://500px.com.cn/page/contacts/index">联系我们</a></li>
            </ul>
            <ul>
              <li class="hide"><a href="https://500px.com.cn/page/contractPhotographer/index?model=invite">签约售图</a></li>
            </ul>
            <ul>
              <li><a href="javascript:void(0)">退出登录</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <div id="popup_upload_win">
    <div data-reactroot="" class="popup popup-centered" style="display: none;">
      <div class="arrow" style="left: 50%;"></div>
      <div class="contain">
        <div class="inside">
          <div class="links clearfix">
            <ul>
              <li class="hide"><a href="https://500px.com.cn/n/m/upload/single_pic">单图上传</a></li>
              <li class="hide"><a href="https://500px.com.cn/n/m/upload/group_pic">组图上传</a></li>
              <li class="hide"><a href="https://500px.com.cn/n/m/upload/graphic_txt">专栏创作</a></li>
              <li class="hide"><a href="https://500px.com.cn/n/m/upload/video">视频上传</a></li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
  <script type="text/javascript"
    src="./--的设置，来自500px摄影社区_files/setting_d60053fc25d70123a2afb56d6f770fe3_min.js.下载"></script>
  <div class="scroll_to_top"><span class="end">顶部</span></div>
  <div id="fatkun-drop-panel">
    <div id="fatkun-drop-panel-close-btn">
      <div id="error"></div>
    </div>
    <div id="fatkun-drop-panel-inner">
      <div class="fatkun-content">
        <svg class="fatkun-icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="8946"
          width="48" height="48">
          <path
            d="M585.142857 572.562286l185.490286-185.417143a73.142857 73.142857 0 0 1 103.424 103.424L563.712 800.914286a72.923429 72.923429 0 0 1-103.424 0L149.942857 490.569143a73.142857 73.142857 0 0 1 103.424-103.424L438.857143 572.562286V73.142857a73.142857 73.142857 0 1 1 146.285714 0v499.419429zM73.142857 877.714286h877.714286a73.142857 73.142857 0 0 1 0 146.285714H73.142857a73.142857 73.142857 0 0 1 0-146.285714z"
            fill="#ffffff" p-id="8947"></path>
        </svg>
        <div class="fatkun-title">拖拽到此处完成下载</div>
        <!-- <div class="fatkun-desc">The image will be downloaded</div>  -->
      </div>
      <div id="fatkun-supported-by">AIX智能下载器</div>
    </div>
  </div>
  <script src="chrome-extension://cdnlggbebabeoneeglhadpagegmflmbc/aiscripts/scriptBus.js"></script><span
    id="cnki_grabber" data-id="1699444634000" style="visibility: hidden;"></span>
  <script></script>
</body>

</html>